
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" /> 
	<title>common</title> 
	<link href="css/themes/default/jquery.mobile-1.1.0.min.css" rel="stylesheet" type="text/css" />
	<script src="js/jquery.js"></script>
	<script src="js/jquery.mobile-1.1.0.min.js"></script>
</head> 

<body> 

<!-- Start of first page: #one -->
<div data-role="page" id="foo" class="type-interior">
	
	<div data-role="header">
		<h1>common</h1>
			<a data-icon="back" data-iconpos="notext" data-direction="reverse" class="ui-btn-left jqm-home" onclick="window.location.href='index.html'">
			</a>	
			<a data-icon="back" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home" onclick="window.location.href='index.html'">
			</a>	
	</div><!-- /header -->
	<!-------------------------------------->
	<div data-role="content" id="one" >
		<table width="100%">
			<tr>
				<td >
					<a onclick=""window.location.href='phonelist.html'"">
						<img src="img/shop.jpg" />					</a>				</td>
				<td valign="top">
					<table width="100%">
						<tr>
							<td width="100%" valign="top" style="margin-top:-50px">
								<h2>123
								</h2>						
							</td>
						</tr>
						<tr width="100%">
							<td width="40%" nowrap="nowrap">
							<span id="shoptitle">
								洗车：15元/次</span></td>
							<td  width="60%" nowrap="nowrap" align="right">
							<span id="shoptitle">
							4581234米
							</span>							
							</td>
						</tr>
				  </table>
				</td>
			</tr>
	  </table>
	  <!-- 水平分割线-->
	  <hr />
	  <ul data-role="listview" data-inset="true">
			<li>
			<table width="100%">
				<tr>
					<td width="15%">
						<img src="img/icon-phone.png" width="42" height="42" align="absmiddle"/>					</td>
					<td width="68%" align="right">
					 	号码：1289877					</td>
					<td width="17%" align="right">
						<img src="img/icon-phone.png" width="42" height="42" align="absright"/>					</td>
				</tr>
			</table>
			</li>
			<li>
			<table width="100%">
				<tr>
					<td width="15%">
						<img src="img/icon-address.png" width="42" height="42" align="absmiddle"/>					</td>
					<td width="68%" align="right">
					 	地址：fjkdsjfksjdfk					</td>
					<td width="17%" align="right">
						<img src="img/icon-phone.png" width="42" height="42" align="absright"/>					</td>
				</tr>
			</table>
			</li>
	</ul>	<!--end of ul -->
	
	<!--优惠信息开始 -->
	<h2>优惠信息：</h2>
	<ul data-role="listview" data-inset="true">
			<li><a onClick="window.location.href='phonelist.html'">shops</a></li>
			<li><a onClick="window.location.href='phonelist.html'">school</a></li>
			<li><a onClick="window.location.href='phonelist.html'">hello</a></li>
	</ul>
	<!--end of 优惠信息-->
	<!--服务项目开始 -->
	<ul data-role="listview" data-inset="true">
			<li><a onClick="window.location.href='phonelist.html'">WASHCAR:FJSDFKJSDKF</a></li>
			<li><a onClick="window.location.href='phonelist.html'">school</a></li>
			<li><a onClick="window.location.href='phonelist.html'">hello</a></li>
	</ul>
	<!--end of 服务项目-->
  	</div><!-- /content -->
	<!-------------------------------------->
	<div data-role="footer" data-theme="d">
		<h1>footer</h1>
	</div><!-- /footer -->
</div><!-- /page one -->


<!-- Start of second page: #two -->
<div data-role="page" id="two" data-theme="a">

	<div data-role="header">
		<h1>Two</h1>
	</div><!-- /header -->

	<div data-role="content" data-theme="a">	
		<h2>Two</h2>
		<p>I have an id of &quot;two&quot; on my page container. I'm the second page container in this multi-page template.</p>	
		<p>Notice that the theme is different for this page because we've added a few <code>data-theme</code> swatch assigments here to show off how flexible it is. You can add any content or widget to these pages, but we're keeping these simple.</p>	
		<p><a href="#one" data-rel="back" data-role="button" data-inline="true" data-icon="back">Back to page &quot;one&quot;</a></p>	
	</div><!-- /content -->
	
	<div data-role="footer">
		<h4>Page Footer</h4>
	</div><!-- /footer -->
</div><!-- /page two -->

<!-- Start of page: three -->
<div data-role="page" id="three" data-theme="a">

	<div data-role="header">
		<h1>Two</h1>
	</div><!-- /header -->

	<div data-role="content" data-theme="a">	
		<h2>Two</h2>
		<p>I have an id of &quot;two&quot; on my page container. I'm the second page container in this multi-page template.</p>	
		<p>Notice that the theme is different for this page because we've added a few <code>data-theme</code> swatch assigments here to show off how flexible it is. You can add any content or widget to these pages, but we're keeping these simple.</p>	
		<p><a href="#one" data-rel="back" data-role="button" data-inline="true" data-icon="back">Back to page &quot;one&quot;</a></p>	
	</div><!-- /content -->
	
	<div data-role="footer">
		<h4>Page Footer</h4>
	</div><!-- /footer -->
</div><!-- /page two -->

<!-- Start of page: four -->
<div data-role="page" id="four" data-theme="a">

	<div data-role="header">
		<h1>Two</h1>
	</div><!-- /header -->

	<div data-role="content" data-theme="a">	
		<h2>Two</h2>
		<p>I have an id of &quot;two&quot; on my page container. I'm the second page container in this multi-page template.</p>	
		<p>Notice that the theme is different for this page because we've added a few <code>data-theme</code> swatch assigments here to show off how flexible it is. You can add any content or widget to these pages, but we're keeping these simple.</p>	
		<p><a href="#one" data-rel="back" data-role="button" data-inline="true" data-icon="back">Back to page &quot;one&quot;</a></p>	
	</div><!-- /content -->
	
	<div data-role="footer">
		<h4>Page Footer</h4>
	</div><!-- /footer -->
</div><!-- /page two -->


<!-- Start of page: five -->
<div data-role="page" id="five" data-theme="a">

	<div data-role="header">
		<h1>Two</h1>
	</div><!-- /header -->

	<div data-role="content" data-theme="a">	
		<h2>Two</h2>
		<p>I have an id of &quot;two&quot; on my page container. I'm the second page container in this multi-page template.</p>	
		<p>Notice that the theme is different for this page because we've added a few <code>data-theme</code> swatch assigments here to show off how flexible it is. You can add any content or widget to these pages, but we're keeping these simple.</p>	
		<p><a href="#one" data-rel="back" data-role="button" data-inline="true" data-icon="back">Back to page &quot;one&quot;</a></p>	
	</div><!-- /content -->
	
	<div data-role="footer">
		<h4>Page Footer</h4>
	</div><!-- /footer -->
</div><!-- /page two -->

<!-- Start of third page: #popup -->
<div data-role="page" id="popup">

	<div data-role="header" data-theme="e">
		<h1>Dialog</h1>
	</div><!-- /header -->

	<div data-role="content" data-theme="d">	
		<h2>Popup</h2>
		<p>I have an id of &quot;popup&quot; on my page container and only look like a dialog because the link to me had a <code>data-rel=&quot;dialog&quot;</code> attribute which gives me this inset look and a <code>data-transition=&quot;pop&quot;</code> attribute to change the transition to pop. Without this, I'd be styled as a normal page.</p>		
		<p><a href="#one" data-rel="back" data-role="button" data-inline="true" data-icon="back">Back to page &quot;one&quot;</a></p>	
	</div><!-- /content -->
	
	<div data-role="footer">
		<h4>Page Footer</h4>
	</div><!-- /footer -->
</div><!-- /page popup -->
</body>
</html>
